<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="fns" uri="/WEB-INF/tlds/fns.tld" %>
<html >
<head>
    <meta charset="UTF-8">
    <link rel="dns-prefetch" href="//assets.che300.com">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-title" content="车300">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <!--global-->
    <link rel="stylesheet" type="text/css" href="/static/modules/api/toolbox/usedcar/style/reset.css"/>
    <link rel="stylesheet" type="text/css" href="/static/modules/api/toolbox/usedcar/style/base.css"/>
    <script src="/static/modules/api/toolbox/usedcar/JavaScript/jquery-1.9.1.min.js"></script>
    <!--统计-->
    <script type="text/javascript" name="baidu-tc-cerfication" data-appid="7035393"
            src="/static/modules/api/toolbox/usedcar/JavaScript/lightapp.js"></script>
    <title>贷贷帮二手车估值</title>
    <!--css-->
    <link rel="stylesheet" href="/static/modules/api/toolbox/usedcar/style/eval.css"/>
    <script type="text/javascript">
        var ctx = "${pageContext.request.contextPath}";
        var ctxStatic="${pageContext.request.contextPath}"+"/static";
    </script>
</head>
<body>
<input type="hidden" id="memberId" value="${memberId}">
<input type="hidden" id="sessionId" value="${sessionId}">
<article class="main">
    <section class="s-1">
        <div class="input-wrap">
            <div class="clearfix">
                <input style="padding-right: 30px" type="button" data-brandid="0" data-seriesid="0" data-modelid="0"
                       data-min="0" data-max="0" value="请选择车型" name="userCar"
                       id="userCar"/>

                <div class="select-arrow"></div>
            </div>
            <div class="clearfix">
                <p>所在地区</p>
                <input style="padding-right: 30px" type="button" data-provid="0" data-cityid="0" value="请选择地区"
                       name="userArea" id="userArea"/>

                <div class="select-arrow"></div>
            </div>
            <div class="clearfix">
                <p>首次上牌</p>
                <input style="padding-right: 30px" type="button" value="请选择首次上牌日期" data-year="0" data-month="0"
                       name="userDate" id="userDate"/>

                <div class="select-arrow"></div>
            </div>
            <div class="clearfix">
                <p>里程</p>
                <input style="padding-right: 60px;" type="number" placeholder="请输入" name="userMile" id="userMile"
                       autocomplete="off"/>
                <i class="mile-unit">万公里</i>
            </div>
        </div>
        <button class="btn-100" id="userSubmit">开始估值</button>
    </section>
    <!--城市选择-->
    <section class="panel-initial" id="showCity">
        <header class="panel-header">
            <a id="close-city">关闭</a>
            <strong>选择地区</strong>
        </header>
        <section class="panel-main">
            <!--热门城市-->
            <%--    <strong class="list-title">热门城市</strong>
                <dl class="cell hot-city clearfix">
                    <dd data-prov="" data-provid="1" data-cityid="1">北京</dd>
                    <dd data-prov="" data-provid="3" data-cityid="3">上海</dd>
                    <dd data-prov="" data-provid="4" data-cityid="4">重庆</dd>
                    <dd data-prov="" data-provid="2" data-cityid="2">天津</dd>
                    <dd data-prov="江苏" data-provid="11" data-cityid="11">南京</dd>
                    <dd data-prov="广东" data-provid="20" data-cityid="50">深圳</dd>
                    <dd data-prov="广东" data-provid="20" data-cityid="20">广州</dd>
                    <dd data-prov="浙江" data-provid="12" data-cityid="12">杭州</dd>
                    <dd data-prov="湖北" data-provid="18" data-cityid="18">武汉</dd>
                    <dd data-prov="四川" data-provid="22" data-cityid="22">成都</dd>
                    <dd data-prov="江苏" data-provid="11" data-cityid="125">苏州</dd>
                    <dd data-prov="江苏" data-provid="11" data-cityid="69">徐州</dd>
                </dl>--%>
            <!--省份列表-->
            <strong class="list-title">省份</strong>
            <dl class="list prov-list clearfix">
                <c:forEach var="province" items="${allProvince}">
                    <dd data-provid="${province.id}">
                        <div>${province.name}</div>
                        <ul class="city-list clearfix">
                        </ul>
                    </dd>
                </c:forEach>
            </dl>
        </section>
    </section>
    <!--城市选择-结束-->
    <!--品牌选择-->
    <section class="panel-initial" id="showBrand">
        <header class="panel-header">
            <a id="close-brand">关闭</a>
            <strong>选择车辆品牌</strong>
        </header>
        <section class="panel-main">
            <div class="initial-pop" id="brandInitPop"></div>
            <ul class="initial-list" id="brandInitList">
                <c:forEach var="typeBrand" items="${typeBrands}">
                    <li data-id="${typeBrand.key}">${typeBrand.key}</li>
                </c:forEach>
            </ul>
            <dl class="list brand-list">
                <c:forEach var="typeBrand" items="${typeBrands}">
                    <dt data-initial="${typeBrand.key}">${typeBrand.key}</dt>
                    <c:forEach var="brand" items="${typeBrand.value}">
                        <dd data-brandid="${brand.id}">${brand.name}</dd>
                    </c:forEach>
                </c:forEach>
        </section>
    </section>
    <!--品牌选择-结束-->
    <!--车系选择-->
    <section class="panel-initial" id="showSeries">
        <header class="panel-header">
            <a id="close-series">返回</a>
            <strong>选择车系</strong>
        </header>
        <section class="panel-main">
            <dl class="list series-list"></dl>
        </section>
    </section>
    <!--车系选择-结束-->
    <!--车型选择-->
    <section class="panel-initial" id="showModel">
        <header class="panel-header">
            <a id="close-model">返回</a>
            <strong>选择车型</strong>
        </header>
        <section class="panel-main">
            <dl class="list model-list"></dl>
        </section>
    </section>
    <!--车型选择-结束-->
    <!--上牌时间-->
    <section class="panel-initial" id="showDate">
        <header class="panel-header">
            <a id="close-date">关闭</a>
            <strong>选择上牌时间</strong>
        </header>
        <section class="panel-main">
            <dl class="list date-list"></dl>
        </section>
    </section>
    <!--上牌时间-结束-->
    <div class="mask-bg"></div>
</article>
<!--其他-->
<aside class="toolbar">
    <!--提示块-->
    <section class="tool-tip" style="display: none">
        <!--加载框-->
        <div class="loading" style="display: none">
            <div class="loader">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
        <!--提示框-->
        <div class="poping" style="display: none">
            <div>
                <p class="pop-title" id="pop-title"></p>

                <p class="pop-info" id="pop-info"></p>
            </div>
            <button class="pop-btn" id="pop-btn">确定</button>
        </div>
    </section>
    <!--功能块-->
    <section class="tool-func">
        <a class="back-top" id="back-top"></a>
    </section>
    <!--活动需要-->
    <section class="act-tip">
        <div class="act-bg" style="display: none"></div>
        <ul class="act-wrap" style="display: none">
            <li class="act-1">
                <img src="https://ssl-assets.che300.com/m/wap2.0/img/activity/head_icon.png?v=339" alt="">
                <div>
                    <p>恭喜您，您的爱车</p>
                    <ul class="star-wrap" id="starWrap"></ul>
                </div>
                <div class="middle-aux"></div>
            </li>
            <li class="act-2">
                <div><strong style="color: #f60;" id="buyPrice"></strong><span>车商收购价(万)</span></div>
                <div><strong id="sellPrice"></strong><span>车商零售价(万)</span></div>
            </li>
            <li class="act-3">
                <div>
                    <p>查看价格详情</p>
                    <p>下载车300APP</p>
                </div>
                <a href="http://www.che300.com/app_direct" onclick="_hmt.push(['_trackEvent', 'wap_app', 'download', 'wap_android']);">点击下载APP</a>
            </li>
        </ul>
    </section>
    <!--param-->
    <input type="hidden" id="locCityId" value="25">
    <input type="hidden" id="locProvId" value="26">
    <input type="hidden" id="locCityName" value="昆明">
    <input type="hidden" id="locProvName" value="云南">
</aside>
<!--js-->
<script src="/static/modules/api/toolbox/usedcar/JavaScript//eval.min.js"></script>
<!--footer-->

<div class="n-footer" style="color:#9d9d9d;line-height:1.5;text-align:center;padding:40px 0;">
    <p class="nf-intro" style="padding:10px;"><span>Copyright&copy;<a href="#" target="_blank" style="text-decoration: none;color:#e84c3d;">中国鞋包网</a> All Rights Reserved
(2016-2020) 版权所有</span></p>
</div>

<!--baidu-->
<div style="display:none;">
    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cspan id='cnzz_stat_icon_1256084964'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1256084964' type='text/javascript'%3E%3C/script%3E"));
    </script>
</div>
</body>
</html>
